<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="header">
		<div class="center clear">
			<div class="header-left">
				<img src="images/logo.png" alt="logo" class="logo">
			</div>
			<ul class="nav">
				<li><a href="index.html" class="active">首页</a></li>
				<li><a href="productService.html">产品服务</a></li>	
				<li><a href="operationFlow.html">业务流程</a></li>
				<li><a href="cooPartner.html">合作伙伴</a></li>
				<li><a href="login.html" class="login">登录</a>/<a href="reg.html" class="reg">注册</a></li>
			</ul>
		</div>
	</div>
	<div class="main clear">
		<div class="main-nav" id="mainNav">
			<ul class="clear center">
        <li class="active"><a href="#intro">公司简介</a></li>
				<li><a href="#advantage">产品优势</a></li>
				<li><a href="#coopOrgan">合作机构</a></li>
				<li><a href="#contact">联系我们</a></li>
      </ul>
		</div>

		<div id="intro"></div>
		<div class="main-con">
			<!-- 轮播图 -->
			<div class="banner">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="images/banner.jpg"></div>
				        <div class="swiper-slide"><img src="images/banner.jpg"></div>
				        <div class="swiper-slide"><img src="images/banner.jpg"></div>
				        <div class="swiper-slide"><img src="images/banner.jpg"></div>
				        <div class="swiper-slide"><img src="images/banner.jpg"></div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				    <!-- 如果需要导航按钮 -->
				    <!-- <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div> -->
				</div>
			</div>
			<!-- 轮播图 -->

			<div class="main-section ">
				<div class="section section1">
					<h2 class="sct-title center">元荷保理</h2>	
					<div class="con center para-con">
						<p>元荷（深圳）商业保理有限公司，成立于2016年8月，注册资本5000万元人民币，是在深圳前海注册设立的专	业保理公司。</p>
					    <p>经营范围：应收账款贸易融资，应收账款的收付结算、管理与催收，销售分户（分类）账管理，应收账款的坏账担保，客户资信调查与评估，相关咨询服务等，以及从事担保业务，供应链管理与咨询，企业管理与咨询。</p>
					    <p>公司拥有一流的运营管理团队，成员均来自银行、证券、投资、保险、法律、金融财务、供应链及风险管理等领域，拥有长期金融从业经历及丰富的管理经验。 </p>
						<p>元荷（深圳）商业保理有限公司总部设立在北京CBD中心商务区，目前已设立了山东公司、天津公司和浙江公司，并已开展保理业务。</p>
   						<p>依托高素质的管理团队、创新的运营模式，元荷保理致力于为中小企业的发展搭建资金运作平台，通过对企业应收账款的保理，解决中小企业普遍存在的“融资难”问题，提高企业核心竞争力及财务管理水平。公司凭借自身完善的账务管理制度、先进的管理技术和丰富的管理经验，为中小企业提供优良的售后账务管理服务，如记账、催收、清算、计息、收费、统计报表、账单等，使企业能够随时了解销售分户账的账款，有效进行信用销售控制；公司协助企业进行交易对手的资信调查与评估，使企业可以集中人力、物力进行生产、经营、销售；同时，还能为企业原材料采购、库存管理、产品销售、产品配送等提供增值服务，使企业更好地实现“物流”、“资金流”、“信息流”等多流合一。</p>
   						<p>公司秉承“高效务实、合作共赢”的经营理念，锐意进取，开拓创新，坚持“客户至上”的原则，致力于为广大中小企业提供“安全、高效、便捷”的专业化保理服务。 </p>
					</div>
					<div id="advantage" class="point"></div>
				</div>
				<div class="section section2 grey">
					<h2 class="sct-title center">产品优势</h2>	
					<div class="con center">
						<ul class="adv-list clear">
							<li>
								<div class="li-left"><p>纯信用</p></div>
								<div class="li-right">
									<p>无需实物抵质押，公司实际控制人提供担保即可</p>
								</div>
							</li>
							<li>
								<div class="li-left"><p>审批快</p></div>
								<div class="li-right">
									<p>以大数据为支撑，系统自动处理，最快当日放款</p>
								</div>
							</li>
							<li>
								<div class="li-left"><p>额度高</p></div>
								<div class="li-right">
									<p>资金雄厚，融资额度上不封顶，充分满足您的资金需求</p>
								</div>
							</li>
							<li>
								<div class="li-left"><p>纯线上</p></div>
								<div class="li-right">
									<p>纯线上化处理，足不出户即可提款</p>
								</div>
							</li>
							<li>
								<div class="li-left"><p>利息低</p></div>
								<div class="li-right">
									<p>根据客户资质定价，优质优价，最高利息为日万五</p>
								</div>
							</li>
							<li>
								<div class="li-left"><p class="four-word">期限<br/>灵活</p></div>
								<div class="li-right">
									<p>期限3-12个月，可随借随还</p>
								</div>
							</li>
							<li>
								<div class="li-left"><p class="four-word">定制<br/>服务</p></div>
								<div class="li-right">
									<p>可根据客户需求，量身定制金融服务，多种产品组合，充分满足客户资金需求</p>
								</div>
							</li>
						</ul>
					</div>
					<div id="coopOrgan" class="point"></div>
				</div>
				<div class="section section3">
					<h2 class="sct-title center">合作机构</h2>	
					<div class="con center">
						<ul class="partner-list clear">
							<li><img src="images/coop01.png"></li>
							<li><img src="images/coop02.png"></li>
							<li><img src="images/coop03.png"></li>
							<li><img src="images/coop04.png"></li>
							<li><img src="images/coop05.png"></li>
							<li><img src="images/coop06.png"></li>
							<li><img src="images/coop07.png"></li>
							<li><img src="images/coop08.png"></li>
						</ul>
						<a href="###" class="link-btn">成为合作伙伴</a>
					</div>
					<div id="contact" class="point"></div>
				</div>
				<!-- <div class="section grey">
					<h2 class="sct-title center" id="contact">联系我们</h2>	
					<div class="con"></div>
				</div> -->
			</div>
		</div>
	</div>
	<div class="footer-warp">
		<div class="footer center clear">
			<div class="footer-left">
				<p>运营中心：北京市朝阳区东三环中路9号富尔大厦31层</p>
			</div>
			<div class="footer-right">
				<ul>
					<li><img src="images/tell.png"><span>010-5360 6822</span></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="left_float"></div>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script>
		$(function(){
			var mySwiper = new Swiper ('.swiper-container', {
				autoplay: 3000,
					direction: 'horizontal',
					loop: true,
					
					// 如果需要分页器
					pagination: '.swiper-pagination',
					paginationClickable :true,
					// 如果需要前进后退按钮
					// nextButton: '.swiper-button-next',
					// prevButton: '.swiper-button-prev',
					
			});
			
			$(window).scroll(function(){
				var scrolltop = $(this).scrollTop();
				var banner =$(".banner").height();
				var section1 =$(".section1").height();
				var section2 =$(".section2").height();
				var section3 =$(".section3").height();
				var targetHeight1 =banner+section1+115;
				var targetHeight2 =targetHeight1+section2+115;
				if(scrolltop<targetHeight1){
					$("#mainNav li").eq(0).addClass("active").siblings().removeClass("active");
				}else if(scrolltop>targetHeight1&&scrolltop<targetHeight2){
					$("#mainNav li").eq(1).addClass("active").siblings().removeClass("active");
				}else if(scrolltop>targetHeight2){
					$("#mainNav li").eq(2).addClass("active").siblings().removeClass("active");
				}
			})
		})
		
	</script>
</body>
</html>